<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>教师信息列表 - 人事处</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="../css/common_impt.css">

    <style>
        select {
            height: 30px;;
            border: solid 1px #d3dbde;
        }
        #right td,#right th{
            text-indent: 0;
        }
        #searchTea{
            display: inline-block;
            width: 150px;
            height: 34px;
            line-height: 34px;
            color: #fff;
            text-align: center;
            background-color: #3EAFE0;
            border-radius: 5px;
            font-size: 15px;
            margin-left: 20px;
        }
        #teaList tr{
            border-bottom: 1px solid #f6f6f6;
        }
        #teaList tr:last-child{
            border-bottom: none;
        }
        #teaList span{
            display: inline-block;
            width: auto;
            height: 20px;
            line-height: 20px;
            padding: 2px 10px;
            border: 1px solid #ddd;
            -webkit-border-radius: 3px;
            margin: 0 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            text-indent: 0;
            cursor: pointer;
        }
        #teaList .edit_tea{
            background: #EDF6FA;
        }
    </style>
</head>
<body>
<div id="top"></div>
<div id="left"></div>
<div id="right">

    <div class="place">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">首页</a></li>
            <li><a href="#">教师基础数据管理</a></li>
            <li><a href="#">教师列表</a></li>
        </ul>
    </div>

    <div class="rightinfo">
        <div class="tools">
            <ul>
                <li><b>学院：</b>
                    <select id="collegeSel">
                        <option value="">--请选择--</option>
                    </select>
                    <b>教师姓名：</b>
                    <input type="text" class="input-text" style="width:250px;height: 30px;border:solid 1px #d3dbde;padding-left: 5px;" placeholder="姓名" id="teaName" name="">
                    <span id="searchTea">搜索</span>
                </li>
            </ul>
        </div>

        <table class="tablelist">
            <thead>
            <tr>
                <th>编号</th>
                <th>教师姓名</th>
                <th>职称</th>
                <th>岗位级别</th>
                <th>学历</th>
                <th>聘用时间</th>
                <th>所属学院</th>
                <th>所属教研室</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="teaList">

            </tbody>
        </table>


        <div id="pagination">
            <div class="page_info">共<span></span>条记录，当前第<span></span>页</div>
            <div class="page_btn">
                <span id="prevPage"> &lt; </span>
                <span id="nextPage"> &gt; </span>
            </div>
        </div>

        <!--删除的提示框-->
        <div class="tip">
            <div class="tiptop"><span>提示信息</span><a></a></div>
            <div class="tipinfo">
                <span><img src="../images/ticon.png"/></span>
                <div class="tipright">
                    <p>是否确认对信息的修改 ？</p>
                    <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
                </div>
            </div>
            <div class="tipbtn">
                <input name="" type="button" class="sure" value="确定"/>&nbsp;
                <input name="" type="button" class="cancel" value="取消"/>
            </div>
        </div>

        <!--修改的弹框-->
        <div id="editBox">
            <div>
                <div id="close_editBox"> x </div>
                <p>修改教师信息</p>
                <ul>
                    <li>
                        <span class="edit_title">教师编号：</span>
                        <span class="edit_cont" id="edit_userid">0101</span>
                    </li>
                    <li>
                        <span class="edit_title">教师姓名：</span>
                        <span class="edit_cont" id="edit_name">狗哥</span>
                    </li>
                    <li>
                        <span class="edit_title">职称：</span>
                        <select id="edit_title_selc" class="edit_cont"></select>
                    </li>
                    <li>
                        <span class="edit_title">岗位级别：</span>
                        <input type="number" id="edit_level_input" class="edit_cont">
                    </li>
                    <li>
                        <span class="edit_title">学历：</span>
                        <select id="edit_edu_selc" class="edit_cont"></select>
                    </li>
                </ul>
                <div id="updateInfo" class="op_sub_btn">
                    <span>确定修改</span>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="../js/jquery-1.12.4.js"></script>
<script src="../js/public.js"></script>
<script src="../js/operation/dep_teacher_list.js"></script>

</body>
</html>
